@charset "utf-8";
/* CSS Document */

/* *{ -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
body{overflow-x:hidden; max-width: 1920px; font:14px/1.4 "Microsoft Yahei"; font-weight: 500; background:#fff;color:#666666; -webkit-font-smoothing: antialiased;/*这个属性可以使页面上的字体抗锯齿*/ }
a{ text-decoration:none; color:#666666;}
/*a:hover,a:hover *{ color: #b40002;}*/
li{ list-style:none;}
i,em{ font-style:normal;}
.fl{float:left;}
.fr{ float:right;}
.clearfix:after{ content: ''; display: block; clear:both; width: 0; height: 0;}
img{ vertical-align:middle; border:none; max-width:100%;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.wrapper{ padding: 0 12.5vw; }
.wrap{ padding: 0 18.75vw; }
/* .wrap{ width: 1200px; max-width: 90%; margin: 0 auto; } */
input,textarea,select{ font-size: 14px; font-family: 'Microsoft Yahei'; color: #666; font-weight: 500;}
input:focus,textarea:focus,select:focus{ outline: none;}



.over { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.over2 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.disFlex{ display: flex; justify-content: space-between; align-items: center;}
.disFlexc{ display: flex; justify-content: center; align-items: center;}
.disFlexs{ display: flex; flex-direction: column; justify-content: center; align-items: center;}

/* img 动画效果 */
.scale12{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}

/* top */
.top{ position: fixed; top: 0; left: 0; z-index: 100; width: 100%;height: 13.2292vw; background: url(../img/top-index-bg.png) no-repeat center top / contain; pointer-events: none;}
.top .logo{ position: relative; z-index: 1; width: 9vw; margin-top: 1.5625vw; pointer-events: auto;}
.logo > img{ width: 100%;}
.top .logo .logoicon{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 0; width: 3.125vw; height: 3.125vw;}
.top .menubtn{ display: none;}
.top .nav{ pointer-events: auto; height: 88px;}
.top .nav ul,.top .nav ul li{ height: 100%;}
.top .nav ul li a{ display: flex; justify-content: center; align-items: flex-end; min-width: 4em; height: 100%; border-left: 1px solid rgba(252,245,213,0.2); padding: 0 1vw; color: #fcf5d5;}
.top .nav ul li:last-of-type a{ padding-right: 0;}
.top .nav ul li.active a{ border-color: #c39c60; font-weight: 900; color: #c39c60;}
.top .nav ul li:hover a{ border-color: #c39c60; font-weight: 900; color: #c39c60;}
.nav ul li a{ font-size: 16px;}

/* banner */
.banner{ position: relative; z-index: 1;}
.banner video{ display: block;}
.banner::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;/* background: url(../img/index-one-bgcolor.png) no-repeat center / cover;*/}
.playlink{ position: absolute; bottom: 12%; right: 12.5vw; z-index: 10; width: 3.6458vw;}

/* 第一屏 */
.index-one{ position: relative; z-index: 1;}
.index-one .swiper-slide::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(../img/index-one-bgcolor.png) no-repeat center / cover;}
.index-one .icon-more{ position: absolute; bottom: -2vw; right: -1vw; z-index: 3; width: 37vw; height: 37vw; pointer-events: none;}
.index-one .swiper-slide .lajiao{ position: absolute; top: 0; bottom: 0; left: 0; z-index: 19; width: 100%; margin: auto; pointer-events: none; animation: big 1.5s linear;}
@keyframes big{
	from{ opacity: 0; transform: scale(0.7);}
	to{ opacity: 1; transform: scale(1);}
}
.index-one .swiper-pagination{ bottom: 3vw !important;}
.index-one .swiper-pagination .swiper-pagination-bullet{ width: 40px; height: 2px; border-radius: 0; background-color: rgba(210,192,154,0.3); opacity: 1;}
.index-one .swiper-pagination .swiper-pagination-bullet-active{ width: 120px; height: 2px; border-radius: 0; background-color: rgba(210,192,154,1);}
.one{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; box-sizing: border-box; }
.one .banpic{ position: relative; z-index: 1; align-items: flex-end; width: 50%; height: 100%;}
.one .banpic a{ display: flex; width: 100%; height: 100%;}
.one .banpic img{ width: 90.625%; margin-bottom: -11.5vw;}
.one .one-nr{ width: 37.5%; padding-right: 12.5%;}
.one .one-nr .detail{ margin-top: 3vw; overflow-x: hidden; height: 15vw; line-height: 1.8; text-align: justify; color: #a0927d;}

/* 整个滚动条 */
.one .one-nr .detail::-webkit-scrollbar,.index-two .detail::-webkit-scrollbar,.scrollbar::-webkit-scrollbar{ width:6px; height:6px; background-color: rgba(0,0,0,0.7);}
/* 滚动条上的滚动滑块 */
.one .one-nr .detail::-webkit-scrollbar-thumb,.index-two .detail::-webkit-scrollbar-thumb,.scrollbar::-webkit-scrollbar-thumb{ border-radius: 6px; background-color: rgba(255,255,255,0.3);}
/* 滚动条轨道 */
.one .one-nr .detail::-webkit-scrollbar-track,.index-two .detail::-webkit-scrollbar-track,.scrollbar::-webkit-scrollbar-track{ border-radius: 6px; background-color: rgba(0,0,0,0.7);}

.one-more{ position: relative; z-index: 1; margin-top: 2vw; width: 17vw; height: 3.125vw; color: #FFFFFF; border: 1px solid #c39c60; border-radius: 3.125vw;}
.one-more:hover{ background-color: #c39c60;}
.one-more:hover p{ opacity: 1;}
.one-more p{ position: absolute; top: -0.9vw; right: -1vw; z-index: 10; width: 4.7396vw; height: 4.7396vw; text-align: center; line-height: 4.7396vw; opacity: 0;}
.one-more p::after{ content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: url(../img/index-more-font1.png) no-repeat center / contain; animation: rotate 20s infinite linear;}
.one-more p img{ width: 1.0417vw; animation: ar 1s infinite alternate ease-in-out;}
@keyframes ar{
	from{ transform: translate(-5px);}
	to{ transform: translate(5px);}
}

.two{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; box-sizing: border-box; }
.two .banpic{ align-items: unset; width: 50%; height: 100%;}
.two .banpic a{ display: block; margin-left: -10vw; width: 100%; height: 100%;}
.two .banpic img{ height: 100%; max-width: none; /*cursor: url(../img/firstmore.png) 60 60,auto;*/}
.two .two-nr{ width: 50%;}
.two .two-nr .two-nr-title{ max-width: 75%;}
.two .two-nr .txt{ padding-top: 4vw;}
.two .two-nr .txt .close img{ width: 0.9375vw;}
.two .two-nr .txt .firstname{ margin-top: 1vw; max-width: 50%;}
.two .two-nr .txt .detail{ margin-top: 0.6vw; line-height: 1.8; text-align: justify; color: #a0927d;}
.two .two-nr .txt .items{ padding: 3vw 0;}
.two .two-nr .txt .item{ width: 30%;}
.three{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; box-sizing: border-box;}
.three img{ max-height: 100%;}

/* 烟 */
.vapour {position: absolute;top: 80%;left: 20%;width: 100%;height: 100%;z-index: 1;display: flex;padding: 0 0.4rem;box-sizing: border-box;pointer-events: none;}
.vapour span {position: relative;bottom: 50px;display: block;margin: 0 2px 50px;min-width: 8px;height: 120px;background: #fff;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;animation: animate ;-webkit-animation: animate 5s linear infinite;opacity: 0;filter: blur(8px);-webkit-filter: blur(8px);animation-delay: calc(var(--i) * -0.5s);pointer-events: none;}
@keyframes animate {
	0% {
		transform: translateY(0) scaleX(1);
		-webkit-transform: translateY(0) scaleX(1);
		-moz-transform: translateY(0) scaleX(1);
		-ms-transform: translateY(0) scaleX(1);
		-o-transform: translateY(0) scaleX(1);
		opacity: 0;
	}
	15% {
		opacity: 1;
	}
	50% {
	transform: translateY(-150px) scaleX(5);
	-webkit-transform: translateY(-150px) scaleX(5);
	-moz-transform: translateY(-150px) scaleX(5);
	-ms-transform: translateY(-150px) scaleX(5);
	-o-transform: translateY(-150px) scaleX(5);
	}
	95% {
		opacity: 0;
	}
	100% {
		transform: translateY(-300px) scaleX(10);
		-webkit-transform: translateY(-300px) scaleX(10);
		-moz-transform: translateY(-300px) scaleX(10);
		-ms-transform: translateY(-300px) scaleX(10);
		-o-transform: translateY(-300px) scaleX(10);
	}
}



/* 第二屏 */
.index-two{ position: relative; z-index: 1;}
.index-two .index-two-nr{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; box-sizing: border-box;}
.index-two .title{ position: relative; z-index: 10;}
.index-two .title .title-en{ margin-top: 6vw; line-height: 1; font-size: 6.25vw; font-family: impact; color: #fcf5d5; text-transform: uppercase; white-space: nowrap; -webkit-text-stroke: 1px rgba(252,245,213,0.1); color: transparent;}
.index-two .title .title-cn{ margin-top: -3.5vw; width: 36.8229vw;}
.index-two .detail{ width: 43.75vw; margin-top: 3vw; max-height: 15vw; overflow-x: hidden; line-height: 2; text-align: justify; color: #ab8385;}
.index-two .index-two-list{ padding-top: 3vw; justify-content: flex-start;}
.index-two .index-two-list .item{ position: relative; z-index: 1; height: 4.1667vw; padding: 0 2.8vw; color: #fcf5d5;}
.index-two .index-two-list .item::before{ content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 2.8vw; height: 100%; background: url(../img/index-iconl.png) no-repeat left center / contain;}
.index-two .index-two-list .item::after{ content: ''; position: absolute; top: 0; right: 0; z-index: -1; width: 2.8vw; height: 100%; background: url(../img/index-iconr.png) no-repeat left center / contain;}
.index-two .index-two-list .item:not(:last-of-type){ margin-right: 2vw;}
.index-two .index-two-list .item div{ font-size: 22px;}
.index-two .one-more{ margin-top: 4vw;}

/* 第三屏 */
.index-three{ position: relative; z-index: 1; overflow: hidden;}
.index-three-nr{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; box-sizing: border-box; background: url(../img/index-one-bgcolor.png) no-repeat center / cover;}
.index-three-l{position: relative; width: 29.79165vw; height: 34.8958vw;}
.index-three-r{position: relative; width: 29.79165vw; height: 34.8958vw;}
.index-three-c{ width: 40.4167vw;}
.index-three-wap{ display: none;}
/**/
#hexGrid {
	position: absolute;
	/* overflow: hidden; */
	left: 50%;
	top: 50%;
	transform: translate(-42%,-50%);
    width: 48vw;
	padding: 0.866% 0;
}
.index-three-r #hexGrid {
	transform: translate(-57%,-50%);
}
#hexGrid:after {
    content: "";
    display: block;
    clear: both;
}
.hex {
    position: relative;
	z-index: 1;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
        -ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
            transform: rotate(-60deg) skewY(30deg) translatez(-1px);
	width: 24.25%;
	    padding-bottom: 28.001%;
}
.hex>* {
    position: absolute;
    visibility: visible;
    outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hexIn {
    display:block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate(60deg);
        -ms-transform: skewY(-30deg) rotate(60deg);
            transform: skewY(-30deg) rotate(60deg);
}
.hex img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
}
.hex:nth-child(7n+5),.hex:nth-child(7n+6),.hex:nth-child(7n+7){
	margin-top: -6.134%;
	    margin-bottom: -6.134%;
	-webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg) translatez(-1px);
	    -ms-transform:translateX(50%) rotate(-60deg) skewY(30deg) translatez(-1px);
	        transform:translateX(50%) rotate(-60deg) skewY(30deg) translatez(-1px);
}
.hex:nth-child(7n+8){
	clear: left;
}
.hex:nth-child(7n+2), .hex:nth-child(7n+6){
	margin-left: 1%;
	margin-right: 1%;
}
.hex:nth-child(7n+3){
	margin-right: 1%;
}
/*内容*/
.hex .bg1,.hex .bg2{position: absolute; transition: 300ms;}
.hex .bg2{opacity: 0;transform: scale(1.15);}
.hex .cont{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.hex .cont i{display: inline-block;width: 2.5vw;height: 2.5vw;margin-bottom: 0.625vw;}
.hex .cont .cn{font-size: 1.1458vw;line-height: 1;color: #fcf5d5;}
.hex .cont .en{font-size: 0.7291vw;line-height: 20px;color: rgba(252,245,213,.3);}

/* .hexIn .ctr p{ margin-left: -10%; width: 105%; color: #978158; transform: scale(0.8); -webkit-line-clamp: 3;} */
.hex .cont p{display: none;padding: 0 0.9375vw; margin-top: -0.4vw; font-size: 0.625vw;line-height: 16px; margin-left: -10%; width: 105%; transform: scale(0.8);color: #978158; -webkit-line-clamp: 3;}
.hex.hexHover:hover{
	z-index: 10;
	-webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px) scale(1.3);
	    -ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px) scale(1.3);
	        transform: rotate(-60deg) skewY(30deg) translatez(-1px) scale(1.3);
	transition: 700ms;}
.hex:nth-child(7n+5).hexHover:hover,.hex:nth-child(7n+6).hexHover:hover,.hex:nth-child(7n+7).hexHover:hover{
	-webkit-transform:translateX(50%) rotate(-60deg) skewY(30deg) translatez(-1px) scale(1.3);
		-ms-transform:translateX(50%) rotate(-60deg) skewY(30deg) translatez(-1px) scale(1.3);
			transform:translateX(50%) rotate(-60deg) skewY(30deg) translatez(-1px) scale(1.3);
			transition: 700ms;
}
.hex.hexHover:hover .bg1{opacity: 0;}
.hex.hexHover:hover .bg2{opacity: 1;}
.hex.hexHover:hover .cont .cn{color: #81612a;}
.hex.hexHover:hover .cont .en{color: rgba(151,129,88,.3);}
.hex.hexHover:hover p{display: block;}
/**/

/* 第四屏 */
.index-four{ position: relative; z-index: 1;}
.index-four-nr{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; box-sizing: border-box;}
.index-four-nr .index-four-title{ width: 100%; text-align: center;}
.index-four-nr .index-four-title img{ width: 76.8%;}
.index-four-nr .index-four-list{ margin-top: 1vw; padding-top: 2vw; background: url(../img/index-five-bord.png) no-repeat top center / 56vw auto;}
.index-four-nr .swiper-slide .item{ height: 20.3125vw; box-sizing: border-box; padding: 0 1.8vw; text-align: center; background: url(../img/index-five-itembg1.png) no-repeat center / contain; color: #fcf5d5;}
.index-four-nr .swiper-slide .item .index-four-item-name{ font-size: 22px; font-weight: bold;}
.index-four-nr .swiper-slide .item .closeicon{ margin-top: 0.5vw; width: 16px; height: 16px; background: url(../img/close-icon2.png) no-repeat center / contain;}
.index-four-nr .swiper-slide:hover .item .closeicon{ background-image: url(../img/close-icon1.png);}
.index-four-nr .swiper-slide .item .detail{ margin-top: 0.5vw; line-height: 1.8;}
.index-four-nr .swiper-slide:hover .item{ background-image: url(../img/index-five-itembg2.png); color: #7a5b2a;}

/* 第五屏 */
.index-five{ cursor: url(../img/index-six-mouse2.png) 60 60, auto;}


/* 第六屏 */
.index-six{ position: relative; z-index: 1;}
.index-six .index-six-nr{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; box-sizing: border-box; padding-right: 0;}
.index-six .index-six-nr .index-six-l{ width: 48.7vw; border: 3px solid #fdf4d8;}
.index-six .index-six-nr .index-six-r{ width: 35.6vw; justify-content: space-between; align-items: flex-start;}
.index-six-l .swiper-slide::after{ content: ''; position: absolute; top: 10px; left: 10px; z-index: 10; width: calc(100% - 22px); height: calc(100% - 22px); border: 1px solid #FFFFFF;}
.index-six-nrc{ align-items: unset; width: 100%;}
.index-six-rr{ width: 100%; padding-right: 12.5vw;}
.index-six-r .title{ position: relative; z-index: -10; width: 100%;}
.index-six-r .title .title-en{ position: absolute; top: -3vw; right: 0; z-index: 1; min-width: 100%; line-height: 1; font-size: 6.25vw; font-family: impact; color: #fcf5d5; text-transform: uppercase; white-space: nowrap; -webkit-text-stroke: 1px rgba(252,245,213,0.1); color: transparent;}
.index-six-r .title .title-cn{ width: 100%;}
.index-six-r .items{ margin-top: 3vw;}
.index-six-r .items .item{ justify-content: flex-start; margin-top: 8px;}
.index-six-r .items .item i{ font-weight: bold; color: #fdf4d8;}
.index-six-r .items .item span{ color: #a6a5a0;}
.index-six-r .swiper-container{ width: 100%;}
.index-six-r .swiper-slide::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: url(../img/index-one-bgcolor.png) no-repeat center / cover; opacity: 1;}
.index-six-r .swiper-slide-thumb-active::after{ content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: url(../img/index-one-bgcolor.png) no-repeat center / cover; opacity: 0;}

/* fixr */
.fixr{ position: fixed; bottom: 9%; right: 20px; z-index: 9999; width: 64px;}
.fixr a{ display: block;}
.fixr a:not(:first-of-type){ margin-top: 4px;}

/*2024.2.2新增*/
.fixr .ewm{ position: relative; z-index: 1; width: 100%; margin-bottom: 10px; justify-content: flex-end;}
.fixr .ewm img{ width: 150px; max-width: none;}
/*2024.2.2新增*/
/* foot-->style */
.footer{}
.footer .footop{ padding: 5vw 0; background-color: #000000;}
.footer .footop .wrapper{ align-items: flex-start;}
.footl ul{ margin-top: 3vw;}
.footl ul li{ line-height: 2; font-size: 20px;}
.footl ul li a{ color: #5f5e5e;}
.footl ul li:hover a{ color: #fdf4d8;}
.foot-logo{ position: relative; z-index: 1; max-width: 11vw;display: block;}
.foot-logo .logoicon{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 0; width: 3.125vw; height: 3.125vw;}
.footm{ padding: 0 5vw;}
.footop .foot-title{ font-size: 30px; color: #d61419; text-transform: uppercase; font-family: Impact;}
.footm ul{ margin-top: 3vw;}
.footm ul li{ padding-left: 30px; margin-top: 15px;}
.footm ul li i{ font-weight: bold; color: #fdf4d8;}
.footm ul li span{ color: #a6a5a0;}
.footm ul li.s1 i{ color: #D61419;}
.footm ul li.s1 span{ margin-left: 10px; line-height: 0.6; font-size: 30px; font-family: Impact; color: #D61419;}
.footm ul li.s1{ background: url(../img/index-foot-icon1.png) no-repeat left center / auto 17px;}
.footm ul li.s2{ background: url(../img/index-foot-icon2.png) no-repeat left center / auto 17px;}
.footm ul li.s3{ background: url(../img/index-foot-icon3.png) no-repeat left center / auto 17px;}
.footm ul li.s4{ background: url(../img/index-foot-icon4.png) no-repeat left center / auto 17px;}
.footr .foot-title{ text-align: right;}
.footr ul{ margin-top: 3.5vw; align-items: flex-start;}
.footr ul li{ margin-left: 10px; text-align: center;}
.footr ul li p{ margin-top: 10px; color: #fdf4d8;}
.footer .footbm{ padding: 22px 0; text-align: center; color: #eea1a3; background-color: #d61419;}



/* 内页公共样式 start */
.nbanner{ position: relative; z-index: 1;}
.ntop{ position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 5.2vw; background: url(../img/ntop-bg.png) no-repeat center top / cover;}
.ntop .logo{ position: relative; z-index: 1; width: 9vw;}
.ntop .logo .logoicon{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 0; width: 3.125vw; height: 3.125vw;}
.ntop .toptel{ margin-left: 1vw;}
.ntop .toptel p{ font-size: 16px; font-weight: bold; color: #d61419;}
.ntop .toptel .telephone{ font-size: 28px; color: #d61419; font-family: impact;}
.ntop .nav{ margin-right: -1vw;}
.ntop .nav ul li a{ position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; min-width: 4em; height: 5.2vw; padding: 0 1vw; color: #fcf5d5;}
.ntop .nav ul li.active a,.ntop .nav ul li:hover a{ font-weight: bold; background-color: #c39c60;}
.ntop .nav ul li.active a::after,.ntop .nav ul li:hover a::after{ content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: url(../img/ntop-itembg.png) no-repeat center / 3.125vw 3.125vw; animation: rotate 10s infinite linear;}
.divbg{ background-size: cover; background-repeat: no-repeat; background-position: center;}

/* 内页公共样式 end */


/* 品牌介绍 start */
.ppjj{ min-height: 52.2396vw; padding: 5.2vw 0; box-sizing: border-box;}
.ppjj .wrap{ align-items: unset;}
.ppjj .ppl{ width: 20.83vw; justify-content: space-between; align-items: unset;}
.ppjj .ppl .pic img{ width: 100%;}
.ppjj .ppl .fonticon img{ width: 100%; height: auto; object-fit: contain;}
.ppjj .ppr{ width: calc(100% - 20.83vw);}
.ppjj .ppr .pprt{ padding-left: 2vw; width: calc(100% - 2vw);}
.ppjj .ppr .pprt .title img{ width: 18.3854vw;}
.ppjj .ppr .closeicon{ margin-top: 2.5vw; width: 16px; height: 16px; background: url(../img/close-icon2.png) no-repeat center / contain;}
.ppjj .ppr .txt.scrollbar{ margin-top: 1vw; max-height: 10vw; overflow-x: hidden; line-height: 1.8; color: #a0927d; text-align: justify;}
.ppjj .items{ flex-wrap: wrap; margin-top: 2vw; width: 100%; padding: 2.1875vw 0; background: url(../img/pp-bg11.jpg) no-repeat center / cover;}
.ppjj .items .item{ width: 25%; height: 5vw; padding: 0 1vw; box-sizing: border-box;}
.ppjj .items .item:not(:first-of-type){ border-left: 1px solid rgba(252,245,213,0.4);}

.ppys{ position: relative; z-index: 1;min-height: 51.302vw; padding: 5.2vw 0; box-sizing: border-box;}
.ppys .wrap{ width: 100%; padding-right: 0; box-sizing: border-box;}
.ppys .guo{ position: absolute; top: -18vw; left: 0; z-index: 10; width: 100%;}
.ppys .guo img{ width: 42.5vw; pointer-events: none;}
.ppys .guo .pp-lajiao{ position: absolute; top: 0%; left: 0; right: 0; z-index: 1; pointer-events: none; width: 47.9167vw; margin: 0 auto; padding-left: 10vw;}
.ppys .guo .ppys-title{ position: absolute; bottom: 1vw; left: 0; right: 0; z-index: 10; width: 22.8646vw; margin: 0 auto;}
.ppys .ppysl{ width: 31.25vw;}
.rotate{ animation: rotate 20s infinite linear;}

@-webkit-keyframes rotate{
	from{ transform: rotate(0);}
	to{ transform: rotate(360deg);}
}
.ppys .ppysr{ position: relative; z-index: 1; width: 43.75vw; padding-left: 3%; box-sizing: border-box;}
.ppysr .ppysname{ line-height: 1; font-size: 6.25vw; font-family: impact; color: #fcf5d5; text-transform: uppercase; white-space: nowrap; -webkit-text-stroke: 1px rgba(252,245,213,0.1); color: transparent;}
.ppysr .ppystitle{ margin-top: -2vw;}
.ppysr .ppystitle .title-cn{ font-size: 1.5625vw; color: #fcf5d5; font-weight: bold;}
.ppysr .ppystitle .title-en{ color: rgba(252,245,213,0.2); font-size: 100;}
.ppysr .txt{ margin-top: 2vw; padding-bottom: 8vw; padding-right: 12vw; line-height: 1.6; color: #a0927d;}
.ppysr .btn{ position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; height: 2vw;}
.ppysr .btn::before{ content: ''; position: absolute; top: 0; left: 3.4vw; z-index: 10; width: 8px; height: 8px; border-radius: 8px; background-color: #c39c60;}

.ppysr .swiper-button-next::after,.ppysr .swiper-button-prev::after{content: '';}
.ppysr .swiper-button-next,.ppysr .swiper-button-prev{ width: 2.6vw; height: 14px; background-repeat: no-repeat; background-position:center; background-size: contain;/* cursor: url(../img/rq-two-decorate02.png) 37 35,auto;*/}
.ppysr .swiper-button-prev{left: 0; background-image: url(../img/rq-prev-h.png);}
.ppysr .swiper-button-next{margin-top: -14px; left: 4.6vw; background-image: url(../img/rq-next-h.png);}
.ppysr .swiper-button-prev.swiper-button-disabled{opacity: 1; background-image: url(../img/rq-prev.png);}
.ppysr .swiper-button-next.swiper-button-disabled{opacity: 1; background-image: url(../img/rq-next.png);}
.ppysr .swiper-pagination{ top: 12vw; left: -25vw; bottom: auto; line-height: 1; text-align: left; color: #fcf5d5; font-size: 3vw;}
/* 品牌介绍 end */


/* 火爆人气 start */
.syhb{ min-height: 45vw; padding: 5.2vw 0; box-sizing: border-box; cursor: url(../img/index-six-mouse2.png) 60 60,auto;}
.syhb .title img{ width: 22.8645vw;}
.swiper-syhb{position: relative;overflow: hidden;padding-top: 2.0833vw;}
.swiper-syhb .itm{position: relative;}
.swiper-syhb .itm::after{content: '';position: absolute;left: 0; top: 0;z-index: 1;}
.swiper-syhb .itm::before{content: '';position: absolute;left: 0; top: 0;z-index: 1; width: calc(100% - 2px);height: calc(100% - 2px); border: 1px solid #c39c60;}
.swiper-syhb .itm i{position: absolute;left: 0; top: 0;z-index: 1; display: block; width: 100%;height: 100%; background-color: rgba(38,17,3,.8);}
.swiper-syhb .itm img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.swiper-syhb .swiper-container{width: 100vw;height: 23.9583vw;}
/* .swiper-syhb .swiper-wrapper{margin-left: -9.114575vw;} */
.swiper-syhb .swiper-slide {
	/* width: 20.8333vw; */
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(.8);
}
.swiper-syhb .swiper-slide-active,.swiper-slide-duplicate-active{
     /* width: 36.4583vw; */
	 transform: scale(1);
}
.swiper-syhb .swiper-slide-active .itm i,.swiper-slide-duplicate-active .itm i{
      background-color:transparent;
}
.swiper-syhb .swiper-slide-active .itm img,.swiper-slide-duplicate-active .itm img{
      -webkit-filter: none;
      -moz-filter: none;
      -ms-filter: none;
      -o-filter: none;
      filter: none;
      filter: none;
}
.swiper-syhb .swiper-slide-active .itm::before,.swiper-slide-duplicate-active .itm::before{
	width: calc(100% - 22px);height: calc(100% - 22px);
	left: 10px;
	top:10px;
}
.swiper-syhb .swiper-slide-active .itm::after,.swiper-slide-duplicate-active .itm::after{
	width: calc(100% - 6px);height: calc(100% - 6px);
      border: 3px solid #c39c60;	
}

.syhb2{position: relative; min-height: 40.3646vw; padding: 5.2vw 0; box-sizing: border-box;}
.syhb2 .decorate{position: absolute;left: 9.6875%;bottom: 10%;z-index: 9; width: 18.125vw;}
.swiper-syhb2 .swiper-container{width: 62.5vw;height: 26.0416vw;}
.swiper-syhb2 .swiper-pagination{left: 18.75%;bottom:8%; display: inline-block;width: auto; text-align: left;font-size: 2.0833vw;color: #fcf5d5; font-family: '宋体';}
.swiper-syhb2 .swiper-pagination-current{display: inline-block;vertical-align: bottom;margin-bottom: 1vw; font-size: 4.1667vw; margin-right: -0.8vw;}
.swiper-syhb2 .swiper-button-next::after,.swiper-syhb2 .swiper-button-prev::after{content: '';}
.swiper-syhb2 .swiper-button-next,.swiper-syhb2 .swiper-button-prev{top:87%; width: 2.6vw;height: 0.73vw;background-repeat: no-repeat;background-position:center;background-size: contain; /*cursor: url(../img/rq-two-decorate02.png) 37 35,auto;*/}
.swiper-syhb2 .swiper-button-prev{left: auto;right: 25.75%; background-image: url(../img/rq-prev-h.png);}
.swiper-syhb2 .swiper-button-next{margin-top: -14px; right: 18.75%;background-image: url(../img/rq-next-h.png);}
.swiper-syhb2 .swiper-button-prev.swiper-button-disabled{opacity: 1; background-image: url(../img/rq-prev.png);}
.swiper-syhb2 .swiper-button-next.swiper-button-disabled{opacity: 1;background-image: url(../img/rq-next.png);}
.swiper-syhb2 .swiper-button-prev::before{content: '';position: absolute;right: -2.5vw;top:0.3vw;width: 0.625vw;height: 0.625vw;border-radius: 50%; background:#c39c60;}

.syhb3{position: relative; min-height: 41.6666vw; padding-top: 12.6041vw; box-sizing: border-box;}
.syhb3 .wrapper{width: 62.5vw;margin: 0 auto;padding: unset;}
.syhb3 .title img{ width: 18.4895vw;}
.swiper-syhb3{padding-top: 11.3020vw;}
.swiper-syhb3 .itm{position: relative;}
.swiper-syhb3 .itm::after{content: '';position: absolute;left: 0; top: 0;z-index: 1;width: calc(100% - 6px);height: calc(100% - 6px); border: 3px solid #fcf5d5;}
.swiper-syhb3 .itm::before{content: '';position: absolute;left: 10px; top: 10px;z-index: 1; width: calc(100% - 22px);height: calc(100% - 22px); border: 1px solid #fcf5d5;}
.swiper-syhb3 .swiper-slide .itm b{position: absolute;left: 0; top: 0;z-index: 10; display: flex;justify-content: center; align-items: center; width: 100%;height: 100%; background-color: rgba(38,17,3,.8);transition: 300ms;opacity: 0;}
.swiper-syhb3 .swiper-slide.noactive .itm i{position: absolute;left: 0; top: 0;z-index: 10; display: block; width: 100%;height: 100%; background-color: rgba(38,17,3,.8);transition: 300ms;}
.swiper-syhb3 .swiper-slide.noactive .itm img{
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray;
}
.swiper-syhb3 .big{position: absolute; left: 50.7vw; bottom: -5.2083vw; z-index: 9; width: 31.25vw; height: 41.6666vw; }
.swiper-syhb3 .big::after{content: ''; position: absolute; left: 0;  top: 0; z-index: 1; width: calc(100% - 6px); height: calc(100% - 6px); border: 3px solid #fcf5d5;}
.swiper-syhb3 .big::before{content: '';position: absolute;left: 10px; top: 10px;z-index: 1; width: calc(100% - 22px);height: calc(100% - 22px); border: 1px solid #fcf5d5;}
.swiper-syhb3 .swiper-container{width: 100%;height: 13.3333vw;}
/* .swiper-syhb3 .swiper-wrapper{margin-left: -4.9479vw;} */
.swiper-syhb3 .swiper-slide {width: 9.8958vw; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms;}
.swiper-syhb3 .swiper-button-next::after,.swiper-syhb3 .swiper-button-prev::after{content: '';}
.swiper-syhb3 .swiper-button-next,.swiper-syhb3 .swiper-button-prev{top:22.3437vw; width: 2.6vw;height: 0.73vw;background-repeat: no-repeat;background-position:center;background-size: cover; cursor: url(../img/rq-two-decorate02.png) 37 35,auto;}
.swiper-syhb3 .swiper-button-prev{left: 18.75%; background-image: url(../img/rq-prev-h.png);}
.swiper-syhb3 .swiper-button-next{margin-top: -14px;left: 25.75%; right: auto;background-image: url(../img/rq-next-h.png);}
.swiper-syhb3 .swiper-button-prev.swiper-button-disabled{opacity: 1; background-image: url(../img/rq-prev.png);}
.swiper-syhb3 .swiper-button-next.swiper-button-disabled{opacity: 1;background-image: url(../img/rq-next.png);}
.swiper-syhb3 .swiper-button-prev::before{content: '';position: absolute;right: -2.5vw;top:0.3vw;width: 0.625vw;height: 0.625vw;border-radius: 50%; background:#c39c60;}

.syhb4{position: relative; min-height: 55.3125vw; padding-top: 13.6041vw; box-sizing: border-box;}
.syhb4 .wrapper{width: 62.5vw;margin: 0 auto;padding: unset;}
.syhb4 .items{display: flex;justify-content: space-between; width: 100%;height: 41.7708vw;}
.syhb4 .items .item{display: flex;justify-content: space-between;width: 50%;}
.syhb4 .items .item .name{width: 27%;padding-top: 6.9791vw;}
.syhb4 .items .item .cent{position: relative; width: 73%;}
.syhb4 .items .item .sourcename{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 10; font-size: 1vw; line-height: 2.5em; color: #FFFFFF;}
.syhb4 .items .item .phone img{ width: 100%;}
.swiper-syhb4{position: absolute;left: 14%;top: 7.3%; cursor: url(../img/index-six-mouse2.png) 60 60,auto;}
.swiper-syhb4 .itm{display: flex;justify-content: center;align-items:center;height: 100%;}
.swiper-syhb4 .swiper-container{width: 16.3437vw;height: 35.2833vw;border-radius: 30px;}
.swiper-syhb4 img{ width: 100%;}
/* 火爆人气 end */


/* 合作共赢 start */
.hxys{ min-height: 49.4792vw; padding: 5.2vw 0; box-sizing: border-box;}
.hxys .title img{ width: 25.5208vw;}
.hxys .items{ margin-top: 3.125vw; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.hxys .items .swiper-slide{ position: relative; z-index: 1; width: calc(20% - 10px); height: 24.7396vw; background-repeat: no-repeat; background-size: cover; background-position: center; border: 3px solid #735629; box-sizing: border-box;}
.hxys .items .swiper-slide::before{ content: ''; position: absolute; top: 0; z-index: -1; width: 100%; height: 100%; background: url(../img/hz-one-bg.png) no-repeat center / cover;}
.hxys .items .swiper-slide::after{ content: ''; position: absolute; top: 5px; left: 5px; z-index: 1; width: calc(100% - 12px); height: calc(100% - 12px); border: 1px solid #735629; pointer-events: none;}
.hxys .items .swiper-slide:hover::before{ background-image: url(../img/hz-one-bg-active.png);}
.hxys .items .swiper-slide:hover,.hxys .items .swiper-slide:hover::after{ border-color: #fcf5d5; z-index: 2;}
.hxys .items .swiper-slide:hover{ background-image: url(../img/hz-one-22.jpg); cursor: url(../img/logo-icon.png) 29 29,auto;}
.hxys .items .swiper-slide.s2,.hxys .items .swiper-slide.s4{ margin-top: 2vw;}
.hxys .items .swiper-slide .nomal{ width: 100%; height: 100%;}
.hxys .items .swiper-slide .nomal img{ width: 4.7396vw; max-height: 100%; object-fit: contain;}
.hxys .items .swiper-slide .act{ display: none;}
.hxys .items .swiper-slide:hover .nomal{ display: none;}
.hxys .items .swiper-slide:hover .act{ display: flex; align-items: flex-start; height: 100%;}
.hxys .items .swiper-slide .act .txt{ padding: 2vw 0; writing-mode: tb-rl; color: rgba(241,221,192,1); text-align: justify;}
.hxys .items .swiper-slide .act .name{ align-items: flex-start; width: 1.5vw; padding: 2vw 0; padding-left: 0.5vw;}
.hxys .items .swiper-slide .act .name i{ writing-mode: tb-rl; font-size: 24px; font-weight: bold; color: #fcf5d5;}
.hxys .items .swiper-slide .act .name p{ margin-top: -20px; margin-left: 5px; padding-bottom: 8px; transform: rotate(90deg); transform-origin: left bottom; white-space: nowrap; border-bottom: 1px solid rgba(252,245,213,0.3); color: rgba(252,245,213,0.4);}

.hzlc{ min-height: 42.1875vw; padding: 5.2vw 0; box-sizing: border-box;}
.hzlc .title{ align-items: flex-end;}
.hzlc .title .title-en{ line-height: 1; font-size: 6.25vw; font-family: impact; color: #fcf5d5; text-transform: uppercase; white-space: nowrap; -webkit-text-stroke: 1px rgba(252,245,213,0.1); color: transparent;}
.hzlc .title .title-cn{ width: 16.3542vw; margin-top: -2vw;}
.hzlc .pic{ margin-top: -3.5vw; width: 100%; height: 28.125vw;}
.hzlc .pic a{ display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain;}

/* 合作共赢 end */


/* 联系我们 start  */
.lxwm{ position: relative; z-index: 1;}
.lxwm-nr{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; box-sizing: border-box;}
.lxwm .addrname{ position: absolute; top: 19.3vw; right: 27.7vw; z-index: 10; width: 15.5208vw;}
.lxwm .addrname a{ position: absolute; top: -1.5vw; right: -1.5vw; z-index: 10; width: 3.3333vw; height: 3.3333vw;}
.lxwml{ width: 50%;}
.lxwml .title img{ width: 21.3542vw;}
.lxwml .items{ padding-top: 2vw;}
.lxwml .item{ margin-top: 1vw; padding-left: 3.5vw; min-height: 2.6042vw; justify-content: flex-start; align-items: flex-start;}
.lxwml .item i{ font-size: 16px; color: #fdf4d8; font-weight: bold;}
.lxwml .item p{ color: #a6a5a0;}
.lxwml .item.s1{ align-items: center; color: #e60012 !important; background: url(../img/lx-icon1.png) no-repeat left center / 2.6042vw auto;}
.lxwml .item.s1 div i{ display: block; line-height: 1; color: #e60012; font-size: 20px; white-space: nowrap;}
.lxwml .item.s1 div em{ font-size: 12px; color: #e60012; white-space: nowrap;}
.lxwml .item.s1 p{ margin-left: 1.5vw; font-size: 40px; color: #e60012; font-family: impact;}
.lxwml .item.s2{ background: url(../img/lx-icon2.png) no-repeat left center / 2.6042vw auto;}
.lxwml .item.s3{ background: url(../img/lx-icon3.png) no-repeat left center / 2.6042vw auto;}
.lxwml .item.s4{ background: url(../img/lx-icon4.png) no-repeat left center / 2.6042vw auto;}
.lxmore{ display: flex; justify-content: center; align-items: center; margin-top: 2vw; width: 16.6667vw; height: 3.125vw; border-radius: 3.125vw; color: #fcf5d5; border: 1px solid #826433;}
.lxmore:hover{ cursor: url(../img/lxwm-mouse-icon.png) 44 44,auto;}
/* 联系我们 end */


/* 在线留言 start */
.zxly{ min-height: 44.2708vw; padding: 11.46vw 0 6.25vw; box-sizing: border-box;}
.zxly .wrap{ position: relative; z-index: 1; align-items: flex-end;}
.zxly .pic{ width: 42.1875vw; height: 32.2917vw;}
.zxly .pic img{ width: 100%; height: 100%; object-fit: cover; border: 2px solid #735629;}
.zxly .pr{}
.zxly .pr img{ width: 10.8333vw; height: 14.8958vw; object-fit: cover;}
.zxly .pr .fonticon{ position: absolute; top: 0; right: 18.75vw; z-index: 10; width: 0.9375vw; height: auto; object-fit: contain;}
.form{ position: absolute; top: 0; bottom: 0; right: 23.2vw; z-index: 100; width: 25vw; height: 26.6146vw; margin: auto 0; background: url(../img/ly-formbg.png) no-repeat center / cover; border: 3px solid #735629; padding: 0 2vw; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.form .titlename{ font-size: 1.5625vw; font-family: impact; color: #fdf4d8; text-transform: uppercase;}
.form .sm{ color: #fdf4d8;}
.form .inp{ width: 100%; height: 2.2917vw; margin-top: 0.5208vw; padding: 0 10px; background: url(../img/ly-form-inp.png) no-repeat center / cover; border: 1px solid rgba(253,244,216,0.3); box-sizing: border-box; color: #a0927d; font-size: 12px;}
.form .lytype{ position: relative; z-index: 10; width: 100%;}
.form .lytype .inp{ cursor: pointer;}
.form .lytype::after{ content: ''; position: absolute; right: 1vw; bottom: 0.7vw; z-index: 10; width: 0.5208vw; height: 0.9375vw; margin: auto 0; background: url(../img/right-icon.png) no-repeat center / contain; transition: 0.3s; cursor: pointer;}
.lytypeitem{ position: absolute; top: 100%; left: 0; z-index: 100; width: 100%; background: #735629; padding: 1vw 0; box-sizing: border-box; color: #a0927d; display: none;}
.lytypeitem .item{ line-height: 1.8; width: 100%;text-indent: 1vw;}
.lytypeitem .active{background-color: #fdf4d8;color: #7a5b2a;}
.form .lytype.active::after{ transform: rotate(-90deg);}
.form .lynt{ width: 100%;}
.form .inp.lytel{ margin-left: 10px;}
.form .inp.lytext{ height: auto; padding: 8px; resize: none;}
.form .inp::-webkit-input-placeholder{color: #a0927d;}
.form .inp:-moz-placeholder{color: #a0927d;}
.form .inp::-moz-placeholder{color: #a0927d;}
.form .inp::-ms-input-placeholder{color: #a0927d;}
.form .inp::placeholder{color: #a0927d;}
.formbtm{ width: 100%;}
.formbtm .yzm{ position: relative; z-index: 1; width: 50%;}
.formbtm .yzm > img{ position: absolute; bottom: 0.6vw; right: 1vw; z-index: 10; width: 1.1458vw; cursor: pointer;}
.yzmfix img{ width: 100%; height: 100%; object-fit: contain;}
.formbtm .btn{ position: relative; z-index: 1; margin-top: 0.5208vw; margin-left: 0.5vw; width: 50%; height: 2.2917vw; text-align: center; background-color: #fdf4d8;}
.formbtm .btn i{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; line-height: 2.2917vw; font-size: 1.5625vw; text-transform: uppercase; color: rgba(195,156,96,0.3); font-weight: bold;}
.formbtm .btn em{ color: #7a5b2a; font-weight: bold;}
.yzmfix{ position: absolute; bottom: 85%; right: 0; z-index: 10; width: 5vw; height: 2.1875vw; background-color: #FFFFFF; display: none;}
.yzmfix::after{ content: ''; position: absolute; top: 100%; right: 1vw; z-index: 10; width: 0; border-style: solid; border-width: 0.5208vw; border-color: #FFFFFF transparent transparent transparent; }
/* 在线留言 end */

/* 详情页 start */
.xqcont{ min-height: 49.4792vw; padding: 10.4vw 0 5.2vw; box-sizing: border-box;}
.xqcont .txt{ position: relative; z-index: 1;}
.xqcont .txt .one-more{ position: absolute; bottom: 3.5vw; left: 3vw; z-index: 10; color: #fcf5d5;}

/* 详情页 end */


/* pc公共媒体查询 */
@media screen and (max-width: 1200px) {
	.nav ul li a{ font-size: 14px;}
	.ntop .toptel p{ font-size: 16px;}
	.ntop .toptel .telephone{ font-size: 22px;}
	
	.hxys .items .item .act .name i{ font-size: 20px;}
	.lxwml .item.s1 p{ font-size: 32px;}
	.lxwml .item.s1 div i{ font-size: 16px;}
	.lxwml .item i{ font-size: 14px;}
	.form .sm{ font-size: 12px;}
}

@media screen and (max-width: 1000px) {
	.nav ul li a{ font-size: 12px;}
	.ntop .toptel p{ font-size: 14px;}
	.ntop .toptel .telephone{ font-size: 16px;}
	
	.footl ul li{ font-size: 16px;}
	.footm ul li.s1 span{ font-size: 24px;}
	.footop .foot-title{ font-size: 24px;}
	.hxys .items .item .act .name i{ font-size: 16px;}
	.hxys .items .item .act .name p{ font-size: 12px;}
	
}

/* 2023-10-12 */
.fixed{ position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8);}
.fixed .fixc{ position: absolute; top: 50%; left: 0; right: 0; z-index: 10; width: 80%; max-width: 800px; margin: auto; padding: 30px 40px; box-sizing: border-box; background-color: #fff; transform: translateY(-50%); color: #333; text-align: justify; line-height: 1.6;}


/* seven-2024-02-01 */
.index-seven{ padding: 5vw 0; cursor: url(../img/index-eight-mouse.png) 67 67,auto;}
.index-seven .title{ position: relative; z-index: 10; width: 100%; text-align: center;}
.index-seven .title .title-en{ position: absolute; top: -1vw; right: 0; z-index: 1; min-width: 100%; line-height: 1; font-size: 6.25vw; font-family: impact; color: #fcf5d5; text-transform: uppercase; white-space: nowrap; -webkit-text-stroke: 1px rgba(252,245,213,0.1); color: transparent;}
.index-seven .swiper8{ padding-left: 12.5%; margin-top: 4.5vw;}
.index-seven .swiper-slide{ position: relative; z-index: 1;}
.index-seven .swiper-slide::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: none; border: 2px solid #735629; box-sizing: border-box;}
.index-seven .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.index-seven .swiper-slide .eightfix{ position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; padding: 2vw 3vw; background-color: rgba(172, 137, 83, 0.8); box-sizing: border-box; opacity: 0;}
.index-seven .swiper-slide:hover .eightfix{ opacity: 1; transition: 0.3s;}
.index-seven .swiper-slide:hover .eightfix .name{ font-size: 1.1458vw; font-weight: bold; color: #fcf5d5;}
.index-seven .swiper-slide:hover .eightfix .sm{ margin-top: 1.5vw; font-size: 0.7291vw; color: #fcf5d5;}


/* news */
.nbanner .bannews{ position: absolute; top: 7vw; left: 0; right: 0; z-index: 10; width: 90%; margin: 0 auto; cursor: url(../img/index-six-mouse2.png) 60 60,auto;}
.nbanner .swiper-slide{ position: relative; z-index: 1; height: 17.1875vw; transform: scale(0.8); transition: 0.3s;}
.nbanner .swiper-slide-active{ transform: scale(1);}
.nbanner .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.nbanner .swiper-slide .ban-new{ position: absolute; bottom: 0; right: 0; z-index: 10; width: 100%; height: 15%; background: url(../img/ban-newsbg.png) no-repeat center / cover; box-sizing: border-box;}
.nbanner .swiper-slide .ban-new .type .fl{ font-size: 0.729vw; color: #d61419;}
.nbanner .swiper-slide .ban-new .type .fr{ font-size: 0.625vw; color: #a0927d;}
.nbanner .swiper-slide .ban-new .name{ line-height: 2.6;text-align: center; font-size: 1vw; color: #826433;}
.nbanner .swiper-slide .ban-new .sm{ margin-top: 0.8vw; font-size: 0.729vw; color: #a0927d;}

.news{ padding: 0.5vw 0 3vw;}
.news .item{ padding: 2.5vw 0; border-bottom: 1px solid #735629;}
.news .item .pic{ position: relative; z-index: 1; width: 22vw; height: 15.625vw;}
.news .item .pic > img{ width: 100%; height: 100%; object-fit: cover;}
.news .item .fr{ width: calc(100% - 25.5vw);}
.news .item .fr .name{ font-size: 1.1658vw; color: #fff;}
.news .item .fr .time{ margin-top: 1.5vw; font-size: 0.729vw; color: #fff;}
.news .item .fr .sm{ margin-top: 2vw; font-size: 0.929vw; color: #fff;-webkit-line-clamp:3;line-height: 1.9;}
.news .item .fr .btn{ display: inline-block; margin-top: 3.5vw; padding: 8px 30px; font-size: 0.729vw; border-radius: 80px; border: 1px solid #735629; color: #735629;}
.news .item .pic .picfix{ position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(247, 192, 119, 0.8); opacity: 0; transition: 0.3s;}
.news .item .pic .picfix img{ width: 4.58vw;}
.news .item:hover .picfix{ opacity: 1;}
.news .item:hover .fr .btn{ color: #fcf6d4; border-color: #fcf6d4; background-color: rgba(172, 137, 83, 0.6);}
.news .item:hover .fr .btn{ color: #fcf6d4; border-color: #fcf6d4; background-color: rgba(172, 137, 83, 0.6);}
.news .item:last-of-type{ border: 0 none;}

.m-page{ padding-top: 2vw;}
.m-page a{ margin: 0 5px; padding: 0 15px; line-height: 2.6; color: #fcf6d4; border: 2px solid #735629; background-color: rgba(157, 124, 76, 0.6); border-radius: 5px;}
.m-page a.z-crt{ color: #fff; background-color: rgba(217, 168, 104, 0.8); border-color: rgba(217, 168, 104, 0.8);}
.m-page .pageprv,
.m-page .pagenxt{ padding: 0 30px;}